Javascript - innerHTML= result; -->Sovrascitto

Forum - Javascript - innerHTML= result; -->Sovrascitto

sarbaturino (Normal User)
Pro

Messaggi: 66
Iscritto: 25/04/2011

Postato alle 18:43
Martedì, 26/03/2013

Salve..
Ho la seguente funzione:

Codice sorgente - presumibilmente Delphi

function calcolatrice(){
        var a = parseInt(document.forms[0].elements[0].value);
        var operator = document.forms[0].elements[1].value;
        var b = parseInt(document.forms[0].elements[2].value);
        var c=a+b;
        document.getElementById("pResult").innerHTML=c;
}

alla fine di questa elaborazione, la innerHTML mi va a modificare il contenuto del tag p:

Codice sorgente - presumibilmente Javascript

<div id="divResult">
    <p id="pResult">0</p>
</div>

questo contenuto, viene modificato per un istante e poi viene subito sovrascritto..
Per evitare questo, cosa devo modificare??
Grazie in anticipo..

()
Newbie

Messaggi:
Iscritto:

Postato alle 18:46
Martedì, 26/03/2013

Quel codice non ha errori, dovrei vedere il resto, io quando uso innerHTML non ho di questi problemi, quindi il problema risiede altrove

tasx (Dev Team)
Expert

Messaggi: 439
Iscritto: 15/12/2008

Postato alle 18:52
Martedì, 26/03/2013

Ciao!!

guarda qui -> http://jsfiddle.net/edotassi/wqf5q/3/

come vedi problemi non ne dà....

Ultima modifica effettuata da tasx il 26/03/2013 alle 18:52

sarbaturino (Normal User)
Pro

Messaggi: 66
Iscritto: 25/04/2011

Postato alle 18:52
Martedì, 26/03/2013

ed in effetti non riesco proprio a capire questa problematica!!

tasx (Dev Team)
Expert

Messaggi: 439
Iscritto: 15/12/2008

Postato alle 18:55
Martedì, 26/03/2013

pubblica il codice completo.... :heehee:

sarbaturino (Normal User)
Pro

Messaggi: 66
Iscritto: 25/04/2011

Postato alle 18:57
Martedì, 26/03/2013

html

Codice sorgente - presumibilmente HTML

<!DOCTYPE HTML>
 
<html>
        
<head>
        <!-- <script src="jquery-1.9.1.js"></script> -->
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="javascriptSouce.js"></script>
</head>
 
<body>
 
        <div id="divPrincipale">
                
                <div id="calcolatrice">
                        <form id="formCalcolatrice">
                                <!-- valore di a -->
                                <input type="number" id="a"  value="0" autocomplete="off">
                                
                                <!-- operatore -->
                                <select>
                                        <option value="+">+</option>
                                        <option value="-">-</option>
                                        <option value="*">*</option>
                                        <option value="/">/</option>
                                </select>
                                
                                <!-- valore di b -->
                                <input type="number" id="b" value="0" autocomplete="off">
                                <button id="buttonCalcolatrice" onclick="calcolatrice()">=</button>
                                
                                <div id="divResult">
                                        <p id="pResult">0</p>
                                </div>
                                
                        </form>         
                </div>
        
        </div>
        
</body>
 
</html>

JavaScript

Codice sorgente - presumibilmente Delphi

function calcolatrice(){
        var a = parseInt(document.forms[0].elements[0].value);
        var operator = document.forms[0].elements[1].value;
        var b = parseInt(document.forms[0].elements[2].value);
        var c=a+b;
        document.getElementById("pResult").innerHTML=c;
}

Il css vi serve??

ZioCrocifisso (Member)
Pro

Messaggi: 135
Iscritto: 06/03/2013

Postato alle 20:52
Martedì, 26/03/2013

Succede perché il bottone submitta il form (o almeno, succede così su Chromium).

Cambia:

Codice sorgente - presumibilmente Plain Text

<form id="formCalcolatrice">

Con:

Codice sorgente - presumibilmente Plain Text

<form id="formCalcolatrice" action="#">

sarbaturino (Normal User)
Pro

Messaggi: 66
Iscritto: 25/04/2011

Postato alle 8:36
Mercoledì, 27/03/2013

Sono riuscito a risolvere il problema inserendo (action="#")..
Grazie mille per il vostro gentile aiuto..
A presto